<template>
  <div>
    <div class="tab">
      <el-card>
        <div class="but_menu">
          <el-button type="primary" size="mini" class="el-icon-edit">
            修改菜单
          </el-button>
        </div>
        <el-table :data="PermissionList" style="width: 100%">
          <!-- 菜单名称 -->
          <el-table-column prop="name" label="菜单名称" width="380" />

          <!-- 权限标识 -->
          <el-table-column prop="code" label="权限标识" width="380" />

          <!-- 描述 -->
          <el-table-column prop="description" label="描述" width="380" />

          <!-- 操作 -->
          <el-table-column label="操作" width="480">
            <template>
              <el-button type="text">添加权限点</el-button>
              <el-button type="text">查看api权限</el-button>
              <el-button type="text">查看</el-button>
              <el-button type="text">删除</el-button>
            </template>
          </el-table-column>
        </el-table>
      </el-card>
    </div>

    <!-- 添加权限、修改权限 弹窗 -->
    <ComponentPermissionShow
      :permission-show="permissionShow/>
  </div>
</template>

<script lang=&quot;js&quot;>
import {
  // 获取所有权限点
  getAllPermissionApi
} from "
      @
      api
      permission.js'
      export
      default
      {
      name:
      -permission-
      data()
      {
      return
      {
      permission-list:
      [{}],
      permission-show:
      false
      }
      },
      mounted()
      {
      this-get-all-permission-
      },
      methods:
      {
    // 获取所有权限点
      async
      get-all-permission-
      {
      const
      res="await"
      get-all-permission-api-
      this-permission-list="res.data"
      console.log(res)
      }
      }
      }
      <
      script
    >

      <style lang="scss" scope>
        .tab {
        margin: 30px 30px;
        .but_menu {
        text-align: right;
        }
        }
      </style>
    </componentpermissionshow></div></template>
